<template>
    <label for="name">姓名</label>
    <input 
            type="text"
            id='name'
            :value='name'
            autocomplete="off"
            @input="$emit('update:name', $event.target.value)"
        />
    <label for="sex"></label>
    <input 
            type="text" 
            id='sex'
            autocomplete="off"
            :value='sex'
            @input="$emit('update:sex', $event.target.value)"
        />
</template>

<script>
export default {
    name: 'dna-input',
    props: {
        name: {
            type: String,
            default: ''
        },
        sex: {
            type: String,
            default: ''
        }
    }
}
</script>